iT邦幫忙

2024 iThome 鐵人賽

DAY 19
0

今天我們來認識<video>標籤~~

<video>標籤

<video>:嵌入影片
用在網頁中嵌入影片,類似於 <audio>,它允許用戶直接在網頁上播放影片並提供播放控制器。這個標籤也支持多種格式,以提高瀏覽器兼容性。

常用屬性:

  • src:影片的路徑或 URL。

    <video src="路徑" controls></video>
    
  • controls:顯示播放控制器。

    <video src="video.mp4" controls></video>
    

    https://ithelp.ithome.com.tw/upload/images/20240928/20168630LAZCeKOaUN.png

  • autoplay:自動播放影片。

  • loop:自動循環播放。

  • muted:初始靜音影片。

  • poster:指定預覽圖片,在影片加載前或尚未撥放時顯示。

    <video src="video.mp4" poster="capybaral.jpg" controls></video>
    

    https://ithelp.ithome.com.tw/upload/images/20240928/20168630jkyNFWWZ6a.png

  • widthheight:設定影片的顯示寬度和高度(單位可以是像素或百分比)。

    <video src="video.mp4" width="640" height="360" controls></video>
    

今天先介紹到這裡,謝謝觀看!/images/emoticon/emoticon29.gif


上一篇
探險日記 DAY 18
系列文
30天前端之旅:探索web開發的探險日記19
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言